Javascript

 function Human_Get(c)
    {
     alert(c);
     if(c == 'Head' )
     {
     
   $('.head1').addClass('head');
          
     }
    
      
      if(c == 'Torso')  
      {
       
             $('.torso1').addClass('torso');
      }
     
      
      if(c ==  'Hip')
      {
     
            $('.hip1').addClass('hip');
      }
     
      
      if(c ==  'Left Hand') 
      {
      $('.lefthand1').addClass('lefthand');
      }
      
      
      if(c ==  'Left Forearm')
      {
      $('.leftfoream1').addClass('leftfoream');
      }
      
      
      if(c ==  'Left Shoulder') 
      {
      $('.leftshoulder1').addClass('leftshoulder');
      }
      
      
      if(c ==  'Right Shoulder')  
      {
      $('.rightshoulder1').addClass('rightshoulder');
      }
      
      
      if(c ==  'Right Hand')
      {
      $('.righthand1').addClass('righthand');
      }
      
      
      if(c ==  'Left Hand') 
      {
      $('.leftleg1').addClass('leftleg');
      }
     
      
      if(c ==  'Left Foot')
      {
      $('.leftfoot1').addClass('leftfoot');
      }
     
      
      if(c ==  'Right Leg') 
      {
           $('.rightleg1').addClass('rightleg');
      }
     
      
      if(c ==  'Right Foot')
      {
      
           $('.rightfoot1').addClass('rightfoot');
      }
      

    
    
    
 
}

C#:

 (count = 4 and locations are retrived from database ie.,Head,Left Hand,Right Leg,Torso)

                for (int i = 0; i < Count; i++)
                {
                  String wound = dt.Rows[i]["Location"].ToString();
                  ScriptManager.RegisterStartupScript(this, this.GetType(), "ShowStatus'"+i+"'", "javascript:Human_Get('" + wound + "');", true);
                    

                }

 

Html:
<div class="ton-human">
                                    <ul id="human">
                                        <li id="head" class ="head"><a href="#" title="Head" onclick="Human_Onclick('Head')">
                                            <img  src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="torso" class ="torso1"><a href="#" title="Torso" onclick="Human_Onclick('Torso')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="hip" class ="hip1"><a href="#" title="Hip" onclick="Human_Onclick('Hip')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="lefthand" class ="lefthand1"><a href="#" title="Left Hand" onclick="Human_Onclick('Left Hand')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="leftfoream" class ="leftfoream1"><a href="#" title="Left Forearm" onclick="Human_Onclick('Left Forearm')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="leftshoulder" class ="leftshoulder1"><a href="#" title="Left Shoulder" onclick="Human_Onclick('Left Shoulder')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="rightshoulder" class ="rightshoulder1"><a href="#" title="Right Shoulder" onclick="Human_Onclick('Right Shoulder')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="rightfoream" class ="rightfoream1"><a href="#" title="Right Forearm" onclick="Human_Onclick('Right Forearm')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="righthand" class ="righthand1"><a href="#" title="Right Hand" onclick="Human_Onclick('Right Hand')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="leftleg" class ="leftleg1"><a href="#" title="Left Leg" onclick="Human_Onclick('Left Leg')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="leftfoot" class ="leftfoot1"><a href="#" title="Left Foot" onclick="Human_Onclick('Left Foot')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="rightleg" class ="rightleg1"><a href="#" title="Right Leg" onclick="Human_Onclick('Right Leg')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                        <li id="rightfoot" class ="rightfoot1"><a href="#" title="Right Foot" onclick="Human_Onclick('Right Foot')">
                                            <img src="images/sprite.jpg" />
                                        </a></li>
                                    </ul>
                                </div>


Css :
.head1
{
	background:url(../images/sprite.jpg) -230px -575px no-repeat;
}
	
	
.torso1
{
	background:url(../images/sprite.jpg) -210px -1230px no-repeat;
}

.hip
{
 background :url(../images/sprite.jpg) -210px -1955px no-repeat;	
}

.lefthand
{
	background:url(../images/sprite.jpg) 0px -2400px no-repeat;
}

.leftfoream
{
 background:url(../images/sprite.jpg) -58px -2970px no-repeat;	
}

.leftshoulder
{
	background:url(../images/sprite.jpg) -145px -3540px no-repeat;
}

.rightshoulder
{
 background :url(../images/sprite.jpg) -310px -4110px no-repeat;	
}

.rightfoream
{
	background:url(../images/sprite.jpg) -389px -4690px no-repeat;
}

.righthand
{
	background:url(../images/sprite.jpg) -479px -5275px no-repeat;
}

.leftleg
{
background:url(../images/sprite.jpg) -209px -6098px no-repeat;	
}

.leftfoot
{
	background:url(../images/sprite.jpg) -204px -6845px no-repeat;
}
.rightleg
{
background:url(../images/sprite.jpg) -278px -7245px no-repeat;	
}

.rightfoot
{
background:url(../images/sprite.jpg) -287px -7995px no-repeat;
}

The above codes are working fine in local ....butin production site is not working...It throws Timestamp: 8/11/2012 15:50:37
Error: TypeError: $(".head1") is null
Line: 280

 Please give me the solution..

Thanks..

